.el-page-header__left::after{
    opacity: 0;
}

.link-text{
    position: absolute;
    font-size: 16px;
    top: 90%;
    left: 16%;

}
.link-text a{
    padding: 5px 40px;
    font-family: "sans-serif";
    color: #409EFF;

}
.signup-text{
    font-size: 22px;
    position: relative;
    left: 14%;
    top:0%;
    color: #409EFF;
}


.form_text{
    position: absolute;
    top: 22%;
    left: 18%;
    font-size: 35px;
}
.signup-form-style .el-button{
    float: left;
}
.signup-button{
    padding: 5px 77px;
    margin-left: 0%;
    margin-top: 12px;
}
.signup-form-style .el-form-item{
    margin-bottom: 18px;
}
.signup-form-style .el-input__inner{
    height: 35px;
    /*line-height: 20px;*/
    color: black;
    border-top: #FFFFFF;
    border-left: #FFFFFF;
    border-right: #FFFFFF;
    border-bottom: #787878 solid 3px;
    border-radius: 0px;
}

.signup-form-style  .el-input__inner:hover{
    border-bottom: #000000 solid 3px;
}
.signup-form-style .el-form-item__error{
    font-size: 14px;
}

.signup-form-style .el-input__inner{
    height: 30px;
}
.signup-form-style{
    position: absolute;
    width: 72%;
    left: 14%;
    top:30%;

}
.signup-form-style .el-form-item__error{
    font-size: 14px;
}
#sign_red{
    background: #ffffff;
}
.login-form-style .el-form-item__error{
    font-size: 14px;
}
.login-form-style{
    position: absolute;
    width: 72%;
    left: 14%;
    top:44%;

}
.login-text{
    position: relative;
    font-size: 55px;
    left: 38%;

}
.login-button{
    padding: 5px 175px;
    margin-left: 0%;
    margin-top: 20px;
}
.login-form-style .el-form-item{
    margin-bottom: 20px;
}
.login-form-style .el-input__inner{

    height: 35px;
    /*line-height: 20px;*/
    color: black;
    border-top: #FFFFFF;
    border-left: #FFFFFF;
    border-right: #FFFFFF;
    border-bottom: #787878 solid 3px;
    border-radius: 0px;
}
.login-form-style .el-input__inner:hover{
    border-bottom: #000000 solid 3px;
}

.box{

    position: absolute;
    width: 33rem;
    height: 28rem;
    top: 0;
    left: 0;
    cursor: pointer;
    backface-visibility:hidden;
    user-select: none;
    transition: all 0.5s;
    z-index:inherit;
    opacity: 0.5;
    background: #ffffff;



}
.box2{

    position: absolute;
    width: 33rem;
    height: 28rem;
    height: 28rem;
    top: 0;
    left: 0;
    cursor: pointer;
    backface-visibility:hidden;
    user-select: none;
    transition: all 0.5s;
    z-index:inherit;
    /*box-shadow: 5px 5px 5px #f5f5f5;*/
    opacity: 1;
    background: #FFFFFF;


}

.box:hover{
    opacity: 1;

}

.login{
    /*background: red;*/
}
.signup{
    /*background: blue;*/
    transform: rotateY(-180deg);
}
.findback{
    /*background: yellow;*/
    transform: rotateY(-180deg);

}
.fb-text{
    font-size: 28px;
    position: relative;
    left: 26%;
    top:3%;
    color: #409EFF;
}

.shake {
    animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}
@keyframes shake {
    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}
